<template>
	<div class="flex items-center">
		<img :src="$props.url" alt=""
		class="w-100px h-100px rounded-50%">
		<div class="ml-20px">
			<p class="text-24px mb-20px">{{ props.email }}</p>
			<div class="text-16px flex items-center">
				<div class="flex items-center">
					<p>ID:{{ props.id }}</p>
					<img src="/icons/copy.svg" alt=""
					class="w-14px h-14px ml-10px">
				</div>
				<div class="flex items-center ml-20px">
					<p>注册信息:{{ props.register }}</p>
					<img src="/icons/copy.svg" alt=""
					class="w-14px h-14px ml-10px">
				</div>
			</div>
		</div>
	</div>
</template>
<script lang="ts" setup>
interface IProps{
	email:string;
	id:string;
	register:string;
	url:string;
}

const props = defineProps<IProps>();

</script>
